<!-- 自定义下拉刷新与上拉加载演示(vue) -->
<template>
  <view class="commit-box-inner">
    <view class="list-box">
        <view class="middle-content">
          <view class="list-inner">
            <view class="list-title">题目</view>
            <view class="list-des" v-if="examinationInfo">{{ examinationInfo.examName }}</view>
          </view>
          <view class="list-inner">
            <view class="list-title">题干</view>
            <view class="list-des" v-if="examinationInfo"><pre>{{ examinationInfo.examText }}</pre></view>
          </view>
          <view class="list-inner">
            <view class="list-title">注意事项及说明(文本)</view>
            <view class="list-des">{{ examinationInfo.examNotes }}</view>
          </view>
          <view class="list-inner">
            <view class="list-title">注意事项及说明(图片)</view>
            <view class="list-des imageBox">
              <image @click='previewImage(item)' class="innerImage" v-for='(item, index) in examinationInfo.imageList' :key='index' :src='item' mode='aspectFit'/>
            </view>
          </view>
          <view class="list-inner">
            <view class="list-title">重要知识点</view>
            <view class="list-des">
              <view class="details-box">
                <view class="des">
                  <view
                    class="inner-details inner-details-details" style="padding: 0;"
                  >
                    <view class="details-box" style="padding: 0;">
                      <view
                        class="details-list"
                        v-for="(item, index) in cueCardList"
                        :key="index"
                      >
                        <view class="details-title" style="font-size: 14px;font-weight: 500;color:#333;padding: 2px 0 4px;">{{ item.cueContent }}</view>
                        <view>
                          <view class="details-des" style="font-size: 13px;font-weight: 400;color:#333;">{{ item.examText }}</view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view class="list-inner">
            <view class="list-title">物资物品清单</view>
            <view class="list-des">
              <view class="details-box">
                <view class="des">
                  <view
                    class="inner-details3 inner-details-details"
                  >
                    <view class="point-box">
                      <view
                        class="point-list flex"
                        style='background: #f5f5f5;'
                      >
                      </view>
                      <view
                        class="point-list flex"
                        v-for="(item, index) in selfInspectionCardList"
                        :key="index"
                      >
                        <view class="point-des">
                          {{ item.specificRequirement }} 
                          <text style="padding-left: 4px;"> * {{ item.count }}</text>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
    </view>
  </view>
</template>
<script>
// 地址：https://www.solacemeta.com/platform-api/app/examination/list
import hccmStore from '@/common/hccm-store.js'
import mRequest from '@/api/learn.js'
export default {
  props: {
		cueCardList: {
			type: Array,
		},
		selfInspectionCardList: {
			type: Array,
		},
    examinationInfo:{
      type: Object,
    },
	},
  data() {
    return {
      requestLoading: false,
      btnTitle: '确认（8s）',
      count: 9,
      params: {
        pageNumber: 0,
        pageSize: 10,
        regionCode: wx.getStorageSync("regionCode"),
        sortType: "desc",
        sortColumn: "creatTime",
      },
      timer: null // 计时器
    };
  },
  methods:{ 
    clearCountdown() {
      if (this.timer) {
        clearInterval(this.timer);
        this.timer = null;
      }
    },
  },
  onLoad(options) {
  },
};
</script>

<style lang="scss">
.commit-box-inner{
  .list-box{
    padding: 14px 20px 24px;
    .middle-content{
        width: 100%;
        .middle-title{
          height: 24px;
          line-height: 24px;
          color: #000000;
          font-size: 17px;
          font-weight: 600;
        }
        .list-inner{
          padding-top: 16px;
          padding-bottom: 16px;
          border-bottom: 1px solid #E2E2E2;
          .list-title{
            color: #333;
            font-size: 16px;
            font-weight: 600;
            padding-bottom: 5px;
          }
          .list-des{
            color: #333333;
            font-size: 13px;
            font-weight: 400;
          }
        }
        .list-inner:last-of-type{
          border: none;
        }
    }
  }
  .point-list{
    .point-des{
      font-size: 13px;
      color: #333;
      font-weight: 400;
      line-height: 23px;
      padding-left: 9px;
      position: relative;
    }
    .point-des:before{
      content: '';
      height: 5px;
      width: 5px;
      border-radius: 100%;
      background: #333;
      position: absolute;
      left: 0;
      top: 8px;
    }
  }
}
.imageBox{
  display: flex;
  flex-wrap: wrap;
  .innerImage{
    height: 100px;
    width: 120px;
    margin-right: 10px;
  }
}
</style>
